<template>
<div class="header_container">
  <el-breadcrumb separator="/">
    <el-breadcrumb-item :to="{ path: '/home' }" ><span class="colorTop">首页</span></el-breadcrumb-item>
    <el-breadcrumb-item v-for="(item, index) in $route.meta.menuName" :key="index">{{item}}</el-breadcrumb-item>
  </el-breadcrumb>
</div>
</template>
<style lang="less">
@import '../assets/style/mixin';
.colorTop{
  color: #F78400;
}
.header_container {
  background-color: white;
  height: 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
}
.avator {
  .wh(36px, 36px);
  border-radius: 50%;
  margin-right: 37px;
}
.el-dropdown-menu__item {
  text-align: center;
}
</style>
